<template>
  <NuxtPage />
</template>

<script setup lang="ts"></script>

<style>
@import url("~/style/animation.css");

* {
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
}

.center_flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.all_page {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.expand {
  width: 100%;
  height: 100%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

*::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

*::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #a5a5a5;
}
</style>